﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
        <link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css" />
        <link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css" />
        <script src="${RESOURCE}/tha/include/AC_RunActiveContent.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>
        <script type="text/javascript">
			$(document).ready(function() {
				$('#days').change(function() {
						$('#daysDisplay').val($('#days').val());
						// FIXME need to get fee
					});
			});
		
			function doSubmit() {
				if(validate()) {
					var popWidth = 455;
                    var popHeight = 210;
                    var left = ($(window).width() - popWidth) / 2;
                    var top = ($(window).height() - popHeight) / 2;
                    window.open('${pageContext.request.contextPath}/Template.html?page=Confirm', 'tinyWindow', 'width=' + popWidth + ', height=' + popHeight + ', top=' + top + ', left=' + left + ' ,location=no');
				}
			}
			
			function validate() {
				var days = $('#days').val();
				if(isEmpty(days)) {
					alert('กรุณาเลือกจำนวนวันที่ต้องการ');
					$('#days').focus();
					return false;
				}
				return true;
			}
			
			function getConfirmPopUpMessage() {
               return '';
            }

            function handleConfirm() {
                if(validate()) {
                    $.ajax({
                        type : 'post',
                        url : '${pageContext.request.contextPath}/JaideeJaekWan.do',
                        data : 'fnc=JaideeJaekWan&action=',
                        dataType : 'json',
                        success : function(data) {
                            if(checkResult(data)) {
                                alert('success');
                            }
                        }
                    });
                }
            }

            function save(){
                if( !isChoose() ){
                    alert("กรุณาเลือกจำนวนวันที่ต้องการ");
                    document.form.days.focus();
                    return;
                }

                var day = document.form.days.value;
                var money = document.form.money.value;
                var type = document.form.sType.value;
                var fee = document.form.fee.value;
                var RcurrMsg = "<!--SVLT.VAR:MSG-->";
                if(RcurrMsg =="HAVE_RECUR_BONUS_AND_NON_PERSISTENT")
                    RcurrMsg = " <b>คุณสามารถใช้บริการนี้ได้ แต่จะเสียสิทธิ์โทรฟรีเดือนละ 50 บาท จากโปรโมชั่นเดิมนะคะ</b> ";
                var msg = "<strong>บริการใจดี..แจกวัน</strong><br/><br/>คุณเลือกรับวัน " + day + " วัน คิดค่าธรรมเนียม " + fee + " บาทค่ะ<br/><br/>"
                    + "กรุณากดตกลงเพื่อยืนยันทำรายการ<br/><br/>";
                //document.open("/bp3/bin/confirm?msg="+msg,"JaideeJaekWan","width=320, height=180");
                var w = 365;
                var h = 180;
                var l = (screen.width - w) / 2;
                var t = (screen.height - h ) / 2;
                document.forms[0].hdConfirmMsg.value = msg;
                document.open("/bp3/bin/confirm?mode=N", "JaideeJaekWan", "width=" + w + ", height=" + h + ", top=" + t + ", left=" + l);
            }
        </script>

    </head>
    <body>
    	<%@ include file="../common.jsp" %>
    
        <div id="header">
            <%@ include file="../head.jsp" %>
        </div>

        <div id="container">
            <div id="pathway"><img src="${RESOURCE}/eng/images/clear.gif" width="1" height="1" /><a href="${pageContext.request.contextPath}/index.html"  class="link2">บริการผ่านเว็บ</a> &gt; <a href="${pageContext.request.contextPath}/index.html?page=Welcome"  class="link2">ข้อมูลส่วนตัวและแพ็กเกจ</a> &gt; <a class="link2">บริการใจดีแจกวัน</a></div>
            <div id="main">
                <%@ include file="../menu.jsp" %>
                <div id="content">
                    <div class="content-middle">

                        <!--เนื้อหาเริ่มที่นี่-->
                        <table width="100%" cellpadding="2" cellspacing="2" height="500">
                            <tr>
                                <td valign="top">

                                    <table width="650" border="0" cellspacing="0" cellpadding="0">
                                        <!--SVLT.VAR:CONF_TOP-->
                                        <%@ include file="../control_panel.jsp" %>

                                        <tr>
                                            <td> <table width="100%" border="0" cellspacing="3" cellpadding="0">
                                                    <tr>
                                                        <td width="2%"><img src="${RESOURCE}/tha/images/14_webservice_bullet01.gif" width="9" height="9" /></td>
                                                        <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/tha/images/14_webservice_subtitle07.gif" width="350" height="22" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td>&nbsp;</td>
                                                        <td class="textnormal">ต่อเวลาของความสุขได้นานตามต้องการ โดยขอวันใช้งานเพิ่มได้ง่ายๆ ตั้งแต่
                                                            30, 90 หรือ 180 วัน</td>
                                                    </tr>
                                                </table></td>
                                        </tr>
                                        <tr>
                                            <td align="left">
                                                <p class="textnormal">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;รายละเอียดที่ควรทราบก่อนใช้บริการ&nbsp;<a href="http://www.happy.co.th/th/low/07_jaidee_jaekwan.php" target="_blank"><span class="textnormalred_bold">คลิกที่นี่</span></a>
                                                </p></td></tr>
                                        <tr>
                                            <td height="15" align="center">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td height="15" align="left"><br/>

                                                <!--SVLT.LOOP:ERROR_BOX-->

                                                <table width="60%"  border="0" align="center" cellpadding="0" cellspacing="0" >
                                                    <tr>

                                                        <td align="center" valign="middle" class="textrednormal"><!--SVLT.VAR:ERROR_MSG--></td>

                                                    </tr>

                                                </table>
                                                <!--SVLT.END:ERROR_BOX-->

                                                <table width="80%" border="0" align="center" cellpadding="2" cellspacing="2">
                                                    <tr>
                                                        <td width="45%" align="right" class="textnormal_bold">เลือกจำนวนวันที่ต้องการ:</td>
                                                        <td>
                                                            <select id="days" name="days" class="textnormal">

                                                                <option value=""> ---- เลือก ---- </option>

                                                                <option value="30">30 วัน</option>

                                                                <option value="90">90 วัน</option>

                                                                <option value="180">180 วัน</option>

                                                            </select></td>

                                                    </tr>

                                                    <tr>

                                                        <td align="right" class="textnormal_bold">คุณเลือกรับวัน:</td>

                                                        <td><input id="daysDisplay" name="day" type="text" class="txt_search_c04" size="30" value="<!--SVLT.VAR:day-->" readonly />

                                                            <span class="textnormal">วัน</span> &nbsp; </td>

                                                    </tr>

                                                    <tr>

                                                        <td align="right" class="textnormal_bold"> ค่าธรรมเนียม:</td>

                                                        <td><input id="fee" name="fee" type="text" class="txt_search_c04" size="30" value="<!--SVLT.VAR:fee-->" readonly />

                                                            <span class="textnormal"> บาท </span>&nbsp; </td>

                                                    </tr>

                                                </table>

                                                <p>&nbsp;</p>

                                                <table width="250" border="0" align="center" cellpadding="5" cellspacing="0">

                                                    <tr align="center" valign="top">

                                                        <td><a href="javascript:void(0);" onclick="doSubmit();"><img src="${RESOURCE}/tha/images/14_webservice_submit.gif" width="58" height="23" border="0" /></a></td>

                                                        <td><a href="${pageContext.request.contextPath}/index.html?page=Welcome"><img src="${RESOURCE}/tha/images/14_webservice_cancel.gif" width="58" height="23" border="0" /></a></td>

                                                    </tr>

                                                </table> <p>&nbsp;</p>

                                            </td>

                                        </tr>

                                        <!--SVLT.VAR:CONF_BOTTOM-->

                                        <%@ include file="../tail.jsp" %>

                                    </table>

                                </td>
                            </tr>
                        </table>
                        <!--เนื้อหาสิ้นสุดที่นี่-->

                    </div>
                    <div class="content-bottom"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <img src="${RESOURCE}/tha/images/copy_right.jpg" />
            <a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
            <a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
        </div>
    </body>
</html>
